<html>
<head>
	<meta charset="utf-8">
	<link rel="styleSheet" href="style.css" type="text/css" media="screen">

	<script src="/webjars/webrtc-adapter/release/adapter.js"></script>
	<script src="./js/conferenceroom.js"></script>
	<script src="./js/participant.js"></script>
	<script src="./js/kurento-utils.js"></script><!-- 引入样式 -->

	<!-- 新 Bootstrap4 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

	<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
	<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

	<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
	<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>
<body style="background-color: skyblue">
	<div id="container">
		<div id="wrapper">
			<div id="join" class="animate join">
				<h1>加入一个自习室吧！</h1>
				<form onsubmit="register(); return false;" accept-charset="UTF-8">
					<p>
						<input type="text" name="name" value="" id="name"
							placeholder="输入你想在房间中显示的昵称" required>
					</p>
					<p>
						<input type="text" name="room" value="" id="roomName"
							placeholder="输入房间号" required>
					</p>
					<p class="submit">
						<input type="submit" name="commit" value="进入">
					</p>
				</form>
			</div>
			<div id="room" style="display: none;">
				<h2 id="room-header"></h2>
				<div id="participants"></div>


				





				<textarea id="chat" disabled >----------开始和大家交流吧-------------</textarea>


				<div id="inputmsg">
					<input type="text" id="ipmsg" class="form-control" value='' style="display: inline"><button type="button" class="btn btn-primary" onclick="Send2Server()">发送</button>
				</div>




				<input type="button" id="button-leave" onmouseup="leaveRoom();"
					value="离开房间">
			</div>
		</div>
	</div>


</body>
</html>
<script src="./js/chat.js"></script>
<!--<script>-->
<!--	document.getElementById("chat").innerHTML+="\n333"-->


<!--</script>-->



